import {messages} from "share/common";
import React from "react"
import { Button, Tooltip } from 'antd'

const Operation = props => {

  const { rightActive, moveToRight, moveToLeft, leftActive } = props;

  return (
    <div className={'transfer-operation'}>
      <Tooltip title={messages('common-1.key694')/*添加至已选*/}>
        <Button
          type="primary"
          size="small"
          disabled={!rightActive}
          onClick={moveToRight}
          icon={'right'}
        />
      </Tooltip>
      <Tooltip title={messages('common-1.key695')/*添加至待选*/}>
        <Button
          type="primary"
          size="small"
          disabled={!leftActive}
          onClick={moveToLeft}
          icon={'left'}
        />
      </Tooltip>
    </div>
  )

};

export default Operation
